<template>
  <div>
<div class="bullet" v-show="xs">
<h5>{{list.top}}</h5>
<h2>{{list.title}}</h2>
<span>
    <van-button @click="list.cg">取消</van-button>
    <van-button color="red" @click="list.sb">确定</van-button>
</span>
</div>
  </div>
</template>

<script>
export default {
  data () {
    return {
        xs:false,
      list: {
          top:'122222222',
          title:'123123',
          cg(){

          },
          sb(){

          }
      }
    }
  },
  methods: {

  }
}
</script>

<style lang='scss'>
.bullet{
    width: 500px;
    height: 300px;
    box-sizing: border-box;
    padding: 5px;
    >h4,h2{
        width: 100%;
        height: 40%;
    }
    >span{
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
}
</style>
